@use 'tailwindcss';

html, body {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
}


.permissions-form-select {
  width: 100%;
  overflow: hidden;
  position: relative;
  .permissions-form-select-hide {
    opacity: 0;
    position: absolute;
    right: -1000px;
    top: -1000px;
  }
  .permissions-form-select-show {
    width: 100%;
    .permissions-form-select-show-box {
      .permissions-form-select-show-box-list-item {
        padding: 0 20px;
        height: 30px;
        line-height: 30px;
        color: #b9b9b9;
        cursor: pointer;
        &.active,
        &:hover {
          background-color: #21354b;
        }
      }
      .permissions-form-select-show-box-header {
        color: #515151;
        padding: 0 20px;
        height: 40px;
        font-size: 16px;
      }
    }
    .permissions-form-select-show-project {
      width: 200px;
    }
    .permissions-form-select-show-toolbox {
      border-left: 1px solid #555;
      .permissions-form-select-show-box-list-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .permissions-form-select-show-box-list-item-icon {
          color: #0079fe;
        }
      }
    }
  }
}